<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />

  <!-- 让这个页面必须拉取缓存 -->
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />

  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="theme-color" content="#000000">
  <!--
      manifest.json provides metadata used when your web app is added to the
      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
    -->
  <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
  <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
  <script src="http://www.hugaint.com/MAELWXSDK/share.js?k=8"></script>
  <script src="http://www.hugaint.com/MAELWXSDK/jq3.3.1.js"></script>
  <script src="http://www.hugaint.com/MAELWXSDK/publicFunction.js"></script>
  <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  <script type="text/javascript" src="lib/jQueryRotate.2.2.js"></script>
  <script type="text/javascript" src="lib/jquery.easing.min.js"></script>
  <script type="text/javascript"  src="http://api.map.baidu.com/api?v=2.0&ak=DNRQ3GsCqSnQsb0gSry92eujgcCbIEOe"></script>
  <script>
    var docEl = document.documentElement,
      //当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时，
      //注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。
      //总来的来就是监听当然窗口的变化，一旦有变化就需要重新设置根字体的值
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function () {
        //设置根字体大小
        let maxWidth = 750
        let cw = docEl.clientWidth > maxWidth ? maxWidth : docEl.clientWidth
        docEl.style.fontSize =100*(cw / 375) + 'px';
      };

    //绑定浏览器缩放与加载时间
    window.addEventListener(resizeEvt, recalc, false);
    document.addEventListener('DOMContentLoaded', recalc, false);
  </script>
  <!--
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
    <script src="http://www.hugaint.com/MAELWXSDK/share.js?k=8"></script>
    <script src="http://www.hugaint.com/MAELWXSDK/jq3.3.1.js"></script>
    <script src="http://www.hugaint.com/MAELWXSDK/publicFunction.js"></script>
    <script>
	    var openid = GetQueryString('openid');
	    if (!openid) { window.location.href = "http://www.hugaint.com/MAELWXSDK/getUserInfo.php"; }
    </script>
      Notice the use of %PUBLIC_URL% in the tags above.
      It will be replaced with the URL of the `public` folder during the build.
      Only files inside the `public` folder can be referenced from the HTML.

      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
  <title>缤纷课堂</title>
</head>

<body>
  <noscript>
    You need to enable JavaScript to run this app.
  </noscript>
  <div id="root"></div>
  <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

      You can add webfonts, meta tags, or analytics to this file.
      The build step will place the bundled scripts into the <body> tag.

      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
</body>

</html>